<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="robots" content="noindex" />
        <title>Nambrena Industria Publicitaria</title>
        <link rel="stylesheet" type="text/css" href="css/xy_input.css" />
        <link rel="stylesheet" type="text/css" href="global.css" />
        <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.18.custom.css" rel="stylesheet" />
        
		<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
        
		<script type="text/javascript" src="js/jquery.validate.min.js"></script>
        <script type="text/javascript" src="js/additional-methods.min.js"></script>
        <script type="text/javascript" src="js/messages_es.js"></script>
        
		<script type="text/javascript" src="js/script-subpages.js"></script>
        <script type="text/javascript" src="js/script-forms.js"></script>
		<noscript>
            <style type="text/css">
                #content-lower-menu {
                    left: 0px;
                }
				#progressbar{
					display: none;
				}
            </style>
        </noscript>
    </head>
    <body>
        <!--Script para detectar la resolucón del usuario.-->
		<!--
		<script type="text/javascript">
			document.write(screen.width+'x'+screen.height+';');
		</script>
        -->
        <div id="progressbar"><img src="images/cargando.png" width="410" height="100" alt=""></div>
		<div id="wrap">
            <div id="content">
                <div id="logo">
                    <img src="images/logo.png" width="304" height="322" alt="">
                </div>
                <div id="content-form" class="form_gradiente">
	                <p id="instrucciones">Ingresá las dimensiones que querés para tu cartel.</p>
					<form id="MainForm">
						<fieldset id="xy_fields">
                            <p><label for="ancho">Ancho</label><input id="ancho" name="ancho" type="number" class="text" min="1" required/></p>
                            <p><label for="alto">Alto</label><input id="alto" name="alto" type="number" class="text" min="1" required/></p>
                            <p><button class="boton gray" id="xy_ok" type="button" onclick="show_alert()">OK</button>
                            <div id="content-lower-menu2">
			                	<input type="image" name="colocado" class="colocado" id="colocado" src="images/transporte.colocado.png" width="598" height="565" alt="">
			                    <input type="image" name="no-colocado" class="no-colocado" id="no-colocado" src="images/transporte.colocado.no.png" width="598" height="565" alt="">
			                	<input type="image" name="pickup" class="pickup" id="pickup" src="images/transporte.pickup.png" width="596" height="565" alt="">
            			    	<input type="image" name="envio" class="envio" id="envio" src="images/transporte.envio.png" width="598" height="565" alt="">
			                </div>
						</fieldset>
					</form>                    
                </div>
			  	
                <div id="content-lema"><img src="images/transporte.lema.png" width="1020" height="105" alt=""></div>
            </div>
        </div>
    </body>
</html>